<!DOCTYPE HTML>
<html>

<head>
	<title>推箱子小游戏</title>
	<meta charset="utf-8">
	<meta name="Author" content="">
	<style type='text/css'>
		* {
			margin: 0;
			padding: 0;
		}

		body {
			overflow: hidden;
		}

		#btn{
			width: 575px;
			position: relative;
			margin: 50px auto 5px;
		}
		#ctr{
			/* display: flex; */
			width: 215px;
			position: relative;
			margin: 5px auto 5px;
		}
		#ctr>div{
			/* display: flex; */
			position: relative;
			width: 70px;
			height: 70px;
			/* background-color: pink; */
		}
		#ctr>div:nth-child(2){
			left: 3px;
			top:-78px;
		}
		#ctr>div:nth-child(3){
			/* left: 73px;
			top:-148px; */
			left: 73px;
			top:-218px;
		}
		#ctr>div:nth-child(4){
			left: 143px;
			top:-218px;
		}
		#ctr>div:nth-child(5){
			/* left: 73px;
			top:-358px; */
			left: 73px;
			top:-288px;
		}
		#wrap {
			position: relative;
			margin: 0px auto;
			background: url(img/block.gif);
		}

		#wrap div {
			position: absolute;
			width: 35px;
			height: 35px;
			transition: .1s;
		}

		#wrap div img {
			position: absolute;
			bottom: 0;
		}

		#wrap div.ball img {
			left: 50%;
			bottom: 50%;
			margin-left: -15px;
			margin-bottom: -15px;
		}


		#wrap div.down img {
			left: 50%;
			margin-left: -25px;
		}
	</style>
</head>

<body>

	<div id="btn">

		<input type="button" id="VIP" value="VIP(停用中，点击启用。)" />
		<input type="button" id="SUPVIP" value="SUPVIP(停用中，点击启用。)" />
		<input type="button" id="prev" value='上一步' />

		<input type="button" id="nextLevel" value="下一关" />
		<input type="button" id="prevLevel" value="上一关" />
		<input type="button" id="level" value="第01关" />
		<input type="button" id="restart" value="重试" />
	</div>
	<div id="wrap"></div>
	<div id=ctr>
		<img src="./img/ctr.png" alt="">
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>

	<script src="./map.js"></script>
	<script src="./index.js"></script>
</body>

</html>